<template>
	<view>
		<view class="margin-top padding text-xxl">欢迎使用STRIVE基础框架</view>
		<view class="margin-top-sm padding">
			<u-input v-model="username" type="text" placeholder="请输入手机号" :custom-style="{ fontSize: '36rpx' }" />
			<view>如果手机号不存在将自动注册账号</view>
		</view>
		<view class="padding"><u-button type="primary" @click="getCode">获取验证码</u-button></view>
		<view class="padding-lr flex justify-end text-grey"><view @click="navTo('./password')">密码登录</view></view>
		<view class="padding margin-top">
			<!-- #ifndef MP -->
			<view>
				<text class="text-bold">使用范围：</text>
				本程序仅用于STRIVE基础框架后台配置，使用前请先登录。
			</view>
			<!-- #endif -->
			<!-- #ifdef MP -->
			<view>
				<text class="text-bold">使用范围：</text>
				本小程序仅用于STRIVE基础框架后台配置，使用前请先登录。
			</view>
			<!-- #endif -->
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			username: '' // 手机号
		};
	},
	computed: {},
	methods: {
		navTo: function(url) {
			uni.navigateTo({
				url: url
			})
		},
		getCode: function() {
			if (!this.$utils.isMobile(this.username)) {
				this.$utils.showToast('请填写正确的手机号');
				return;
			}
			this.$request.get(
				`/sys/captcha/sendCode/${this.username}`,
				{},
				res => {
					uni.navigateTo({
						url: `code?username=${this.username}`
					});
				},
				true,
				true,
				true
			);
		}
	}
};
</script>

<style lang="scss">
page {
	background-color: #ffffff;
}
</style>
